<template lang="pug">
.builtin-node.shape-param-input
  ElInputNumber(size="small" v-model="value" @change="(value) => change(value, 'value')")
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { ElInputNumber } from 'element-plus'
import { useNode } from '../hooks/graphic'
import { SHAPE } from 'gt-graphic/constant'

export default defineComponent({
  name: SHAPE.PARAM_INPUT,
  components: {
    ElInputNumber
  },
  setup() {
    const { node, change } = useNode()

    return {
      node,
      change
    }
  },
  data() {
    return {
      value: 0
    }
  }
})
</script>

<style lang="scss">
.shape-param-input {
  border: 1px solid blueviolet;
}
</style>
